<template>
  <div class="video">
    <header>
      <header-1></header-1>
      <header-2></header-2>
      
      <article class="content">
        <ul>
          <li v-for="i in 30" :key
        </ul>
      </article>
    </header>
  </div>
</template>

<script>
import Header1 from "@/components/Header1.vue";
import Header2 from "@/components/Header2.vue";

export default {
  components: { Header1,Header2 },
  name: "Video"
};
</script>

<style>
.video {
  flex: 1 1 auto;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.header{
  min-height: 4rem;
  width: 100%;
}

.video .content{
  flex: 1 1 auto;
  height: 100%;
  background-color: aquamarine;
}
</style>